<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
	<title>Login</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<script src="js/authentication.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="css/authentication.css" />
    </head>
    <body onLoad="initLogin();">
	<div>
	    <div class="loginContainer" >
		<form name="login">
		    <div>
			<h1>Login</h1>
		    </div>
		    <div>
			<div class="labelStyle">Username:</div>
			<div class="fieldStyle">
			    <input type="text" tabindex="1" name="username"/>
			</div>
		    </div>
		    <div>
			<div class="labelStyle">Password:</div>
			<div class="fieldStyle">
			    <input type="password" tabindex="2" name="password" />
			</div>
		    </div>
		    <div class="formButtons">
			<div class="formButton">
			    <button tabindex="3">Login</button>
			</div>

			<div class="formButton">
			    <button tabindex="4">Cancel</button>
			</div>
		    </div>
		</form>
		<div class="needRegistration">
		    Click <a href="register.html">here</a> to register your username and password.
		</div>

	    </div>
	</div>
    </body>
</html>
